.flexContainer{
    display: flex;
}

.middle{
    text-align: center;
}

.MainWidth{
    width:80%;
}
.Main_Container{
    width:80%;
    margin: 0 auto;
}

.AllHeight{
    height: 100%;
}

.Pointer{
    cursor: pointer;
}

.NoSelect{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
    not supported by any browser */
}

.Word_Wrap{
    word-break: break-all;
    word-wrap: break-word;
}

.GrayBGContainer{
    padding-left:10px;
    font-size:1.1rem;
    font-family:PingFang SC;
    color:rgba(51,51,51,1);
    text-align:left;
    background:rgba(244,245,249,1);
    display: block;
}

.GrayBG{
    background-color:#f4f5f9;
}

.CommonBG{
    background-color: #f9fcff;
}

@Deg180:180deg;
.Rotate180{
    transform:rotate(@Deg180);
    -ms-transform:rotate(@Deg180); 	/* IE 9 */
    -moz-transform:rotate(@Deg180); 	/* Firefox */
    -webkit-transform:rotate(@Deg180); /* Safari 和 Chrome */
    -o-transform:rotate(@Deg180); 	/* Opera */
}

.errMsg{
    color:red;
    font-size: 1rem;
}